<script type="text/javascript">
	function validateChangePassword() {

		var myForm = document.forms['changePasswordForm'];
		var oldPass = myForm.OldPass.value;
		var newPass = myForm.NewPass.value;
		var confirmNewPass = myForm.ConfirmNewPass.value;

		if (oldPass == '') {
			alert('Please input Old Password');
			return false;
		}
		if (newPass == '') {
			alert('Please input New Password');
			return false;
		}
		if (confirmNewPass == '') {
			alert('Please input Confirm New Password');
			return false;
		}

		return true;
	}
</script>

<div class="page-content" style="margin-left: 50px;">
	<div class="page-header position-relative">
		<h1>Change Password Form</h1>
	</div>
	<!--/.page-header-->
	<!-- 
	<div class="alert alert-warning">
		<button type="button" class="close" data-dismiss="alert">
			<i class="icon-remove"></i>
		</button>
		<strong>${successMessage}</strong>
	</div>
 	-->
	<div class="row-fluid">
		<div class="span12">
			<!--PAGE CONTENT BEGINS-->

			<form action="changePasswordAction" class="form-horizontal"
				name="changePasswordForm" id="changePasswordForm" method="post"
				onsubmit="return validateChangePassword()">
				<div class="control-group">
					<label class="control-label" for="Username">Old Password</label>

					<div class="controls">
						<input type="password" id="OldPass" placeholder="OldPassword"
							name="oldPass">
					</div>
				</div>

				<div class="control-group">
					<label class="control-label" for="Password">New Password</label>

					<div class="controls">
						<input type="password" id="NewPass" placeholder="NewPassword"
							name="newPass">
					</div>
				</div>

				<div class="control-group">
					<label class="control-label" for="ConfirmPw">Confirm New
						Password</label>

					<div class="controls">
						<input type="password" id="ConfirmNewPass"
							placeholder="ConfirmPassword" name="confirmNewPass">
					</div>
				</div>

				<br>


				<div class="form-actions">
					<button class="btn btn-info" type="submit">
						<i class="icon-ok bigger-110"></i> Change Password
					</button>

					&nbsp; &nbsp; &nbsp;
					<button class="btn" type="reset">
						<i class="icon-undo bigger-110"></i> Reset
					</button>
				</div>



			</form>

			<!--PAGE CONTENT ENDS-->
		</div>
		<!--/.span-->
	</div>
	<!--/.row-fluid-->
</div>